body,div,p,ul,ol,li,dl,dt,dd,form,input,table,img,h1,h2,h3,h4,h5,h6,em,header,section,footer,nav,figure,figcaption,article{margin:0;padding:0;box-sizing: border-box;-webkit-box-sizing:border-box;}
header,section,footer,nav,figure,figcaption,article,menu{display:block}
body{font-family:"微软雅黑","Microsoft YaHei",Arial,Georgia,Verdana,serif; background-color: #f5f5f5;-webkit-overflow-scrolling: touch; min-height: 100%;  -webkit-user-select: none;}
ul,ol li{list-style:none;}
a,a:hover,a:active, a:visited{text-decoration: none; }
img{border:none;display:inline-block;vertical-align:top;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
em,i{font-style:normal;}
.l,.left{float:left;display:inline-block;}
.r,.right{float:right;display:inline-block;}
.clear:after{content:'';display:block;width:0;height:0;overflow:hidden;clear:both;}

html, body{
    height:100%;
    -webkit-user-select: none;
}
body {
    padding-bottom:.8rem;
}
/*display*/
.none{
    display: none;
}

.block{
    display: block;
}

.borderT {
    border-top:1px solid #ccc;
}
.borderB {
    border-bottom:1px solid #ccc;
}

.flex_column{
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
}

.flex_row{
    display: flex;
    display: -webkit-flex;
}

/*overflow*/
.of_hidden{
    overflow: hidden;
}

.of_scroll{
    overflow: scroll;
}

/*字体*/
.tc {
    text-align: center;
}
.tl {
    text-align: left;
}
.tr {
    text-align: right;
}

/*背景颜色*/
.red{
    background: #f00;
}

.gray{
    background: gray;
}

/*基本布局*/
/*纵向布局（头部固定－中部适应－底部固定）————  一屏*/
.main{
    width: 100%;
    height: 100%;
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
}

.top_active{
    width: 100%;
    height: 42px;
}

.center_content{
    width: 100%;
    flex: 1;
}

.bottom_submit{
    width: 100%;
    height: 50px;
}


/*轮播图样式*/
/*banner*/
.banner {
    height: 1.2rem;
    width: 100%;
}

.banner .banner-main{
    position: relative;
    height: 100%;
    width: 100%;
    overflow: hidden;
}
.slide{
    width: 100%;
    height: 100%;
}
.slide li:first-child{
    z-index: 1;
}
.slide li img{
    position: absolute;
    left: 0;
    top: 0;
    width: 100vw;
    height: 1.2rem;
    border: none;
}
.slide .dot{
    position: absolute;
    right:  .5rem;
    bottom:10px;
    z-index: 51;
    font-size: 0;
    z-index: 48;
}
.slide .dot span{
    display: inline-block;
    width: 5px;
    height: 5px;
    margin-left: 0.125rem;
    border: 1px solid #fff;
    border-radius: 50%;
}
.slide .dot .cur{
    background-color: #fff;
}

/*重置swiper样式*/
.swiper-container-horizontal>.swiper-pagination {
    font-size: 12px;
}
.swiper-pagination-bullet {
    background:#fff;
    opacity: .4;
}
.swiper-pagination-bullet-active {
    background: #fff;
    opacity: 1;
}
